*{margin: 0;padding: 0;list-style: none;text-decoration: none;}
html,body{background: #F6F6F6;}
/*导航*/
nav{
    width: 100%;a:hover{color: #FF7600;}
    .navTop{
        height: 30px;background-color: #E2E3E4;line-height: 30px;text-align: center;
        .navTopLeft{
            width: 252px;height: 30px;margin-left: 83px;float: left;
            li{
                width: 84px;float: left;font-size: 12px;a:hover{color: #FF7600;}
                span{color: black;}
                i{color: #666666;text-align: end;font-size: 6px;}
                }
            }
        h4{width: 160px;float: left;margin-left: 247px;}
        .navTopRight{
            width: 600px;height: 30px;float: right;
            li{
                width: 67px;float: left;font-size: 12px;
                a{color: black;}a:hover{color: #FF7600;}
                }
            }
        }
    .navMiddle{
        height: 115px;text-align: center;line-height: 115px;background: white;
        .navMiddleLeft{
            float: left;margin-left: 83px;
            img{width: 200px;height: 75px;margin-top: 20px;}
            }
        .navMiddleRight{
            width: 820px;float: right;margin-right: 83px;height: 115px;position: relative;
            .cont{
                float: left;width: 480px;height: 38px;margin-top: 38px;border:2px solid #FF7600;position: relative;
                input{display:block;width: 423px;height: 38px;position: absolute;outline: none;border: none;color: #CCCCCC;}
                .source{
                    width: 60px;height: 38px;background: #FF7600;float: right;position: relative;cursor: pointer;
                    i{position: absolute;left: 15px;top: -36px;color: white;font-size: 30px;}
                    }
            }
            ul{
                width: 420px;height: 30px;position: absolute;left: 2px;top: 80px;
                li{
                    width: 57px;height: 30px;float: left;line-height: 25px;
                    &:nth-child(5){width: 75px;a{color: blue;}}
                    &:first-child{a{color: red;}}
                    &:nth-child(2){a{color: blue;}}
                    &:nth-child(3){a{color: #CCCCCC;}}
                    &:nth-child(4){a{color: red;}}
                    &:nth-child(6){a{color: blue;}}
                    &:last-child{a{color: red;}}
                    a{font-size: 12px;}
                    }
                }
            .car{
                    width: 122px;height: 40px;line-height: 40px;background: #f8f8f8;float: right;margin: 38px 60px 38px 0;cursor: pointer;
                    i{color: #FF7600;}
                    }
        }
        }
    .navBottom{
        height: 36px;border-bottom: 2px solid #FF7600;background: white;
        .navBottomLeft{
            width: 180px;height: 36px;margin-left: -180px;float: left;background: #FF7600;line-height: 36px;text-align: center;
            i{color: white;font-size: 30px;}
            span{display: block;font-size: 18px;color: white;margin-right: 18px;float: right;}
            }
        ul{
            width: 1020px;float: right;text-align: center;line-height: 36px;
            li{
                float: left;width: 108px;font-size: 15px;
                &:nth-child(7){width: 200px;}
                &:first-child{a{color: #FF7600;}}
                }
            a{color: black;&:hover{color: #FF7600;}}
            }
        }
    }

//放大镜
.container{height: 445px;
    .leftBox{
        width: 310px;height: 360px;position: absolute;left: 76px;top:198px;border: 1px solid #CCCCCC;
        img{width: 284px;height: 360px;display: block;margin: 0 auto;}
        span{width: 100px;height: 133px;background: rgba(200,200,200,0.6);position: absolute;left: 0;top: 0;display: none;cursor:move;}
        }
    .rightBbox{
        width: 400px;height: 425px;position: absolute;left: 390px;top:198px;overflow: hidden;margin-left: 40px;display: none;
        img{width: 1080px;height: 1080px;position: absolute;left: 0;top: 0;}
        }
    .list{
        list-style: none;position: absolute;left: 68px;top: 562px;
        li{
            float: left;margin: 0 8px;
            img{width: 49px;height: 60px;}
            }
        }
        
    //商品详细信息
    .details{
        width: 800px;height: 265px;float: right;margin-right: 88px;margin-top: 12px;
        .promotion{
            width: 800px;height: 30px;background-color: #F8003D;line-height: 30px;text-align: center;margin: 20px 0;p{display: inline;color: white;float: left;margin-left: 10px;}
            .time{
                width: 220px;height: 30px;background: black;float: right;margin-right: 30px;p{color: white;}
            }
        }
        .message{width: 800px;height: 110px;background-color: #F6F6F5;p{color: #9895A9;margin: 10px 0;span{color: #FF7600;}}}
        .buy{
            width: 240px;height: 32px;float: right;
            .addCar{width: 110px;height: 32px;background: #FD0200;float: left;text-align: center;line-height: 32px;cursor: pointer;p{color: white;}}
            .seeCar{@extend .addCar;float: right;background: #FF7600;a{color: white;}}
        }
    }
}